  
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0045)http://www.pdfsharp.net/wiki/PDFsharpFAQ.ashx -->
<HTML xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
Designer Test
</TITLE>
<SCRIPT type="text/javascript" src="js/jquery-1.3.2.js"></SCRIPT>
<SCRIPT type="text/javascript" src="js/jquery-ui.js"></SCRIPT>
<SCRIPT type="text/javascript" src="js/jquery.treeview.min.js"></SCRIPT>

<SCRIPT type="text/javascript" src="js/dragDrop.js"></SCRIPT>
 <link type="text/css" rel="stylesheet" href="Site.css"></link>
 <link type="text/css" rel="stylesheet" href="general.css"></link>

<script type="text/javascript">
    
</script>

<style type="text/css">
.droppable-active {
    background-color:yellow;
}
.droppable-hover {
     border: 1px dotted black;
     background-color:#A4EFC3;
} 
#DesignBox{
 width:68%;
 display:inline;
 float:left;
}
.Designer{
  border : solid 2px #666; 
  padding:5px;
}
#Toolbox{
  display:inline;
  float:left;
  width:20%;
}
.Small{
 width:80%;
 display:inline;
 -moz-border-radius:5px; -webkit-border-radius:5px;  
 float:left;
 margin:5px;
 padding:5px; 
}

.tool{
  border: solid 1px #666; 
}

.button{
 padding:3px;
 border: solid 1px #444; 
  display:inline;
   float:left;
}
#ToolboxTreeContainer{
 float:left;
 display:inline;
 width:100px; 
}

</style>
</HEAD>
<body>
<h2>     Design</h2>
  <div id="Zone">
  <div id="Toolbox">
  </div>
  <div id="DesignBox">
      <h2>
        Content</h2>
      <div class="Designer" style=" height:500px;">
        drop your content here...
        <br />
      </div>
    </div>
 <div id="ToolboxTreeContainer">
 
 </div>
 <div id="ToolboxProperties">
 
 </div>
</div>

</body>
</HTML>